<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>公司动态</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="css/public.css" rel="stylesheet" />
		<link href="css/iconfont.css" rel="stylesheet" />
		<style type="text/css">
			.mui-content>.mui-table-view:first-child{
				margin-top: 0;
			}
			.mui-table-view-cell:after{
				left: 0;
			}
			.time{
				position: relative;
				margin-right: 22px;
			}
			.time:after{
				content: "";
				position:absolute;
				right: -10px;    
				bottom: 4px;
    			height: 14px;
				width: 1px;
				background: #f34d4d;
			}
			.mui-table-view-cell{
				padding:15px;
				display: flex;
				display: -webkit-flex;
				align-items: center;
			}
			.mui-table-view-cell span:nth-of-type(1){
				flex: 0 0 40px;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav header">
		    <h1 class="mui-title">公司动态</h1>
		</header>
		<nav class="mui-bar mui-bar-tab">
			<a class="mui-tab-item" data-id="0" data-href="index.html">
				<span class="mui-icon iconfont icon-shouye1"></span>
				<span class="mui-tab-label">首页</span>
			</a>
			<a class="mui-tab-item my-active" data-id="1" data-href="company_news.html">
				<span class="mui-icon iconfont icon-xiaoxi2"></span>
				<span class="mui-tab-label">公司动态</span>
			</a>
			<a class="mui-tab-item" data-id="2" data-href="my_center.html">
				<span class="mui-icon iconfont icon-wode1"></span>
				<span class="mui-tab-label">我的</span>
			</a>
		</nav>
		<div class="mui-content" id="app">
			<div id="news">
				<ul class="mui-table-view">
				    <li class="mui-table-view-cell f_14"><span class="time f_15 color_4">07-31</span><span class="mui-ellipsis-2">新浪支付续签接口系统升级新浪支付续签接口系统升级新浪支付续签接口系统升级新浪支付续签接口系统升级</span></li>
				    <li class="mui-table-view-cell f_14"><span class="time f_15 color_4">07-31</span>新浪支付续签接口系统升级</li>
				    <li class="mui-table-view-cell f_14"><span class="time f_15 color_4">07-31</span>新浪支付续签接口系统升级</li>
				</ul>
			</div>
		</div>
		<script src="js/mui.min.js"></script>
		<script src="js/app.js"></script>
		<script src="vue/vue.min.js"></script>
		<script src="js/mui.pullToRefresh.js"></script>
		<script src="js/mui.pullToRefresh.material.js"></script>
		<script type="text/javascript">
			(function($,doc){
				$.init();
				$.ready(function() {
					$('#app').pullToRefresh({
						down: {
							callback: function() {
								this.endPullDownToRefresh();
							}
						}
					});
					$('#news').pullToRefresh({
						up: {
							callback: function() {
								
							}
						}
					})
				});
				$.plusReady(function(){
					detail_view=$.preload({
						url:'news_detail.html',
						id:'news_detail.html',
						styles:{
	                		"render":"hide",
	                		"popGesture":"hide",
	                		"bounce": "none"
	                	}
					});
				});
				if($.os.plus){
					//5+App环境
				}else{
					//浏览器环境
					doc.getElementsByClassName("mui-bar-nav")[0].style.display="none";
					doc.getElementById("app").style.paddingTop=0;
				}
				$("#app").on("tap","li",function(){
					if($.os.plus){
						detail_view.show('pop-in',300)
					}else{
						location.href="news_detail.html";
					}
					
				});
				
				app.navTab();
			}(mui,document));
		</script>
	</body>

</html>